import { useState } from 'react';
import { Form, Input, Button } from '@arco-design/web-react';
import { IconUser, IconLock } from '@arco-design/web-react/icon';
import './LoginPage.less';
const FormItem = Form.Item;

function LoginForm () {
  const [tab] = useState('LoginForm')

  return (
    <Form onSubmit={(v) => {
      console.log(v);
    }}>
      <FormItem>
        <Input placeholder='请输入用户名' prefix={<IconUser />} />
      </FormItem>
      <FormItem>
        <Input.Password placeholder='请输入密码' prefix={<IconLock />} />
      </FormItem>
      <FormItem>
        <Button type="primary"
          html-type="submit"
          size="large"
          long>登录</Button>
      </FormItem>
    </Form >
  )
}

export default LoginForm;